<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="TagGroup" prefix="mytag"%>
<!DOCTYPE html>
<html>
  <head>
    <title>Add Admin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- jQuery UI -->
    <link href="https://code.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css" rel="stylesheet" media="screen">

    <!-- Bootstrap -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!-- styles -->
    <link href="css/styles.css" rel="stylesheet">
    <link href="vendors/datatables/dataTables.bootstrap.css" rel="stylesheet" media="screen">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
  	<mytag:adminPageHeaderTag/>

    <div class="page-content">
    	<div class="row">
		  <div class="col-md-2">
		  	<div class="sidebar content-box" style="display: block;">
                <ul class="nav">
                    <!-- Main menu -->
                    <li><a href="ManageAdminServlet"><i class="glyphicon glyphicon-home"></i> 管理员账号列表</a></li>
                    <li class="current"><a href="add_admin.jsp"><i class="glyphicon glyphicon-pencil"></i> 添加管理员</a></li>
                    <li><a href="ManageUserServlet"><i class="glyphicon glyphicon-home"></i> 用户账号列表</a></li>
                    <li><a href="add_user.jsp"><i class="glyphicon glyphicon-pencil"></i> 添加用户</a></li>
                    <li><a href="ManageThemeServlet"><i class="glyphicon glyphicon-home"></i> 主题列表</a></li>
                    <li><a href="Article_List_ofAdminServlet"><i class="glyphicon glyphicon-home"></i> 帖子列表</a></li>
                    <li><a href="AnnouncementServlet"><i class="glyphicon glyphicon-home"></i> 公告列表</a></li>
                    <li><a href="ReplyServlet"><i class="glyphicon glyphicon-home"></i> 用户反馈列表</a></li>
                    <li><a href="SensitiveWordServlet"><i class="glyphicon glyphicon-pencil"></i>敏感词管理</a></li>
                </ul>
             </div>
		  </div>
		  <div class="col-md-10">
			 <div class = "center" style="margin:0 200px 300px 0">
				  <form role="form"  action="AddAdminServlet" method="post" name="register_inf" onsubmit="return clicksubmit()">
				  <div class="form-group">
				    <label for="name">管理员名称</label>
				    <input type="text" class="form-control" id="user_name" name ="user_name" placeholder="请输入用户名称">
				  </div>
				
				  <div class="form-group">
				    <label for="name">密码</label>
				    <input type="text" class="form-control" id="user_password" name="user_password" placeholder="请输入注册密码">
				  </div>
			
				  <div class="form-group">
				    <label for="name">电话号码</label>
				    <input type="text" class="form-control" id="user_tel" name="user_tel" placeholder="请输入电话号码">
				  </div>
				  
			  	  <button type="submit" class="btn btn-success" >确定</button>
			 </form>
			 </div>
		  </div>
		</div>
    </div>

    <mytag:footerTag/>

   
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://code.jquery.com/jquery.js"></script>
    <!-- jQuery UI -->
    <script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="bootstrap/js/bootstrap.min.js"></script>

    <script src="vendors/datatables/js/jquery.dataTables.min.js"></script>

    <script src="vendors/datatables/dataTables.bootstrap.js"></script>

    <script src="js/custom.js"></script>
    <script src="js/tables.js"></script>
    <script src="js/jquery-3.3.1.min.js"></script>
	<script src="js/jquery.validate.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript">
		function clicksubmit()
		{
			if(register_inf.user_name.value=="")
			{
			window.alert("请输入管理员名称");
			register_inf.user_name.focus();
			return false;
			}
			
			if(register_inf.user_password.value=="")
			{
			window.alert("请输入管理员密码");
			register_inf.user_password.focus();
			return false;
			}
			
			if(register_inf.user_tel.value=="")
			{
			window.alert("请输入管理员电话");
			register_inf.user_tel.focus();
			return false;
			}
		}
		
	</script>
  </body>
</html>